<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <title>首页</title>
    <link rel="icon" href="images/common/icon.png" type="image/x-icon"/>
</head>
<body>
<!-- 头部导航开始 -->
<nav class="navbar navbar-default navbar-fixed-top ding" role="navigation">
    <div class="m-hd met">
        <div class="container">
            <div class="container-fluid ">
                <div class="navbar-header ">
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand">
                        <div class="logo">
                            <img src="images/common/logo.png" alt=""/>
                        </div>
                    </a>
                </div>
                <div class="collapse navbar-collapse pull-right" id="example-navbar-collapse">
                    <ul class="nav navbar-nav f-fl m-nav js-nav">
                        <li><a href="index.html" style="color:  #ff5300;">首页</a></li>
                        <li><a href="download.html">下载</a></li>
                        <li><a href="recharge.html">充值</a></li>
                        <li><a href="introduction.html">一队简介</a></li>
                        <li><a href="address.html">关于我们</a></li>
                    </ul>
                </div>
                <div class="m-nav-act js-menu-act" style="left: 844.375px; width: 50px; opacity: 0;"></div>
            </div>
        </div>
    </div>
</nav>
<!-- 头部导航结束 -->
<div class="ht_1">
    <!--视频-->
    <div class="main1 bg_img">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <div class="m1_left">
                        <img src="images/index/phone.png"/>
                        <video controls="controls" >
                            <source src="images/index/game.mp4" type="video/mp4">
                        </video>
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="m1_right">
                        <img src="images/index/icon.png" class="img_1">
                        <span class="text_1">一队</span>
                        <span class="text_2"><span style="font-size:40px;font-weight: 300;">—</span>高颜值游戏约玩交友社区</span>
                        <p class="text-right">高颜值游戏交友、语音聊天神器，声控颜控聚集地</p>
                        <img src="images/index/az.png"  class="img_2">
                        <img src="images/index/pg.png"  class="img_3">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--游戏娱乐-->
    <div class="main2">
        <div class="container">
            <div class="row">
                <div class="col-md-7 m2_left">
                    <p class="text_1">游戏娱乐项目全覆盖</p>
                    <p class="text_1 text-right">超多技能分享等你来</p>
                    <p class="text_2">我们汇集当下最火游戏、休闲娱乐服务，
                        王者荣耀、和平精英、英雄联盟、绝地求生、语音聊天、
                        叫醒哄睡等数十品类技能。致力于为您提供专业、便捷、
                        贴心的专属1v1陪伴
                    </p>
                    <div class="row row_div">
                        <div class="col-md-4">
                            <div class="text-center">
                                <img src="images/index/game_1.png">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-center">
                                <img src="images/index/game_2.png">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-center">
                                <img src="images/index/game_3.png">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="text-right"><img src="images/index/game_4.png"></div>
                </div>
            </div>
        </div>
    </div>

    <!--一人呼百人应-->
    <div class="main3">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <div class="text-center"><img src="images/index/hujiao.png"> </div>
                    <div class="photo1"><img src="images/index/photo_1.png"></div>
                    <div class="photo2"><img src="images/index/photo_2.png"></div>
                    <div class="photo3"><img src="images/index/photo_3.png"></div>
                </div>
                <div class="col-md-7">
                    <p class="m3_text1">一人呼叫百人应</p>
                    <p class="text-right m3_text1">高颜值美女帅哥任你选</p>
                    <div class="m3_t3">
                        <p class="m3_text2">平台汇集百万高颜值小姐姐，御姐女王、萌妹萝莉、美女帅哥24小时在线，只为与你组队开黑</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--语音视频连麦聊-->
    <div class="main4">
        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <p class="text_1">语音视频连麦聊 &nbsp;&nbsp;&nbsp;遇见心动那个ta</p>
                    <p class="text_2">全天24小时在线通话，想撩就聊。直接为您匹配最合适的声音与灵魂，让你不再孤单</p>
                    <div class="text-center"> <img src="images/index/call_1.png"></div>
                </div>
                <div class="col-md-5">
                    <div class="text-right"><img src="images/index/call_2.png"> </div>
                </div>
            </div>
        </div>
    </div>

    <!--下载二维码-->
    <div class="main5">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <p>找人一起打游戏</p>
                    <div class="az text-center">
                        <img src="images/common/az_code.png" class="img_1">
                        <img src="images/index/az.png" class="img_2">
                    </div>
                </div>
                <div class="col-md-2"></div>
                <div class="col-md-5">
                    <div class="text-right">
                        <p>就上一队APP！！</p>
                        <div class="ios text-center">
                            <img src="images/common/ios_code.png" class="img_1">
                            <img src="images/index/pg.png" class="img_2">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <div class="text-center text_1">
                            <p>未开始随时退</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-center text_2">
                            <p>超时自动退</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-center text_3">
                            <p>不满意包送单</p>
                        </div>
                    </div>
                </div>
                <div class="row f_text">
                    <div class="col-md-3">
                        <p>梵霓文化有限公司</p>
                        <p>粤ICP备18095218号</p>
                        <p>粤网文〔2018〕8437-3026号</p>
                    </div>
                    <div class="col-md-6"></div>
                    <div class="col-md-3">
                        <div class="call">
                            <p>客服电话：130-000-000-00</p>
                            <p>客服QQ:360000000</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--宽度768-991---------------------------------------------------->
<div class="ht_2">
    <!--视频-->
    <div class="main1 bg_img">
        <div class="container">
            <div class="row">
                <div class="col-sm-5">
                    <div class="m1_left">
                        <img src="images/index/phone.png"/>
                        <video controls="controls" >
                            <source src="images/index/game.mp4" type="video/mp4">
                        </video>
                    </div>
                </div>
                <div class="col-sm-7">
                    <div class="m1_right">
                        <img src="images/index/icon.png" class="img_1">
                        <span class="text_1">一队</span>
                        <span class="text_2"><span style="font-size:40px;font-weight: 300;">—</span>高颜值游戏约玩交友社区</span>
                        <p class="text-right">高颜值游戏交友、语音聊天神器，声控颜控聚集地</p>
                        <img src="images/index/az.png"  class="img_2">
                        <img src="images/index/pg.png"  class="img_3">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--游戏娱乐-->
    <div class="main2">
        <div class="container">
            <div class="row">
                <div class="col-sm-7 m2_left">
                    <p class="text_1">游戏娱乐项目全覆盖</p>
                    <p class="text_1 text-right">超多技能分享等你来</p>
                    <p class="text_2">我们汇集当下最火游戏、休闲娱乐服务，
                        王者荣耀、和平精英、英雄联盟、绝地求生、语音聊天、
                        叫醒哄睡等数十品类技能。致力于为您提供专业、便捷、
                        贴心的专属1v1陪伴
                    </p>
                    <div class="row row_div">
                        <div class="col-sm-4">
                            <div class="text-center">
                                <img src="images/index/game_1.png">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="text-center">
                                <img src="images/index/game_2.png">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="text-center">
                                <img src="images/index/game_3.png">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-5">
                    <div class="text-right"><img src="images/index/game_4.png"></div>
                </div>
            </div>
        </div>
    </div>

    <!--一人呼百人应-->
    <div class="main3">
        <div class="container">
            <div class="row">
                <div class="col-sm-5">
                    <div class="text-center"><img src="images/index/hujiao.png"> </div>
                    <div class="photo1"><img src="images/index/photo_1.png"></div>
                    <div class="photo2"><img src="images/index/photo_2.png"></div>
                    <div class="photo3"><img src="images/index/photo_3.png"></div>
                </div>
                <div class="col-sm-7">
                    <p class="m3_text1">一人呼叫百人应</p>
                    <p class="text-right m3_text1">高颜值美女帅哥任你选</p>
                    <div class="m3_t3">
                        <p class="m3_text2">平台汇集百万高颜值小姐姐，御姐女王、萌妹萝莉、美女帅哥24小时在线，只为与你组队开黑</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--语音视频连麦聊-->
    <div class="main4">
        <div class="container">
            <div class="row">
                <div class="col-sm-7">
                    <p class="text_1">语音视频连麦聊 &nbsp;&nbsp;&nbsp;遇见心动那个ta</p>
                    <p class="text_2">全天24小时在线通话，想撩就聊。直接为您匹配最合适的声音与灵魂，让你不再孤单</p>
                    <div class="text-center"> <img src="images/index/call_1.png"></div>
                </div>
                <div class="col-sm-5">
                    <div class="text-right"><img src="images/index/call_2.png"> </div>
                </div>
            </div>
        </div>
    </div>

    <!--下载二维码-->
    <div class="main5">
        <div class="container">
            <div class="row">
                <div class="col-sm-5">
                    <p>找人一起打游戏</p>
                    <div class="az text-center">
                        <img src="images/common/az_code.png" class="img_1">
                        <img src="images/index/az.png" class="img_2">
                    </div>
                </div>
                <div class="col-sm-2"></div>
                <div class="col-sm-5">
                    <div class="text-right">
                        <p>就上一队APP！！</p>
                        <div class="ios text-center">
                            <img src="images/common/ios_code.png" class="img_1">
                            <img src="images/index/pg.png" class="img_2">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="text-center text_1">
                            <p>未开始随时退</p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="text-center text_2">
                            <p>超时自动退</p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="text-center text_3">
                            <p>不满意包送单</p>
                        </div>
                    </div>
                </div>
                <div class="row f_text">
                    <div class="col-sm-4">
                        <p>梵霓文化有限公司</p>
                        <p>粤ICP备18095218号</p>
                        <p>粤网文〔2018〕8437-3026号</p>
                    </div>
                    <div class="col-sm-4"></div>
                    <div class="col-sm-4">
                        <div class="call">
                            <p>客服电话：130-000-000-00</p>
                            <p>客服QQ:360000000</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--宽度小于768--------------------------------------------------------->
<div class="ht_3">
    <!--视频-->
    <div class="main1 bg_img">
        <div class="container">
            <div class="row">
                <div class="col-xs-5">
                    <div class="m1_left">
                        <img src="images/index/phone.png"/>
                        <video controls="controls" >
                            <source src="images/index/game.mp4" type="video/mp4">
                        </video>
                    </div>
                </div>
                <div class="col-xs-7">
                    <div class="m1_right">
                        <img src="images/index/icon.png" class="img_1">
                        <span class="text_1">一队</span>
                        <span class="text_2"><span style="font-size:17px;font-weight: 300;">—</span>高颜值游戏约玩交友社区</span>
                        <p class="text-center">高颜值游戏交友、语音聊天神器、声控颜控聚集地</p>
                        <img src="images/index/az.png"  class="img_2">
                        <img src="images/index/pg.png"  class="img_3">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--游戏娱乐-->
    <div class="main2">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 m2_left">
                    <p class="text_1">游戏娱乐项目全覆盖</p>
                    <p class="text_1 text-right">超多技能分享等你来</p>
                    <p class="text_2">我们汇集当下最火游戏、休闲娱乐服务，
                        王者荣耀、和平精英、英雄联盟、绝地求生、语音聊天、
                        叫醒哄睡等数十品类技能。致力于为您提供专业、便捷、
                        贴心的专属1v1陪伴
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-5">
                    <div class="row_div text-center">
                        <div class="row">
                            <div class="col-xs-12 game_div">
                                <div class="text-center" style="margin-top: 10px;">
                                    <img src="images/index/game_1.png">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 game_div" style="margin-top: -70px;">
                                <div class="text-center">
                                    <img src="images/index/game_2.png">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 game_div" style="margin-top: -78px;">
                                <div class="text-center">
                                    <img src="images/index/game_3.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 text-right">
                    <div class="img_right">
                        <img src="images/index/game_4.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--一人呼百人应-->
    <div class="main3">
        <div class="container">
            <div class="row">
                <div class="col-xs-5">
                    <div class="text-center"><img src="images/index/hujiao.png"> </div>
                    <div class="photo1"><img src="images/index/photo_1.png"></div>
                    <div class="photo2"><img src="images/index/photo_2.png"></div>
                    <div class="photo3"><img src="images/index/photo_3.png"></div>
                </div>
                <div class="col-xs-7">
                    <p class="m3_text1">一人呼叫百人应</p>
                    <p class="text-right m3_text1">高颜值美女帅哥任你选</p>
                    <div class="m3_t3">
                        <p class="m3_text2">平台汇集百万高颜值小姐姐，御姐女王、萌妹萝莉、美女帅哥24小时在线，只为与你组队开黑</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--语音视频连麦聊-->
    <div class="main4">
        <div class="container">
            <div class="row">
                <div class="col-xs-8">
                    <p class="text_1">语音视频连麦聊<br> <span style="margin-left:30%;">遇见心动那个ta</span></p>
                    <p class="text_2">全天24小时在线通话，想撩就聊。直接为您匹配最合适的声音与灵魂，让你不再孤单</p>
                    <div class="text-center"> <img src="images/index/call_1.png"></div>
                </div>
                <div class="col-xs-4">
                    <div class="text-right"><img src="images/index/call_2.png"> </div>
                </div>
            </div>
        </div>
    </div>

    <!--下载二维码-->
    <div class="main5">
        <div class="container">
            <div class="row">
                <div class="col-xs-6">
                    <p>找人一起打游戏</p>
                    <div class="az text-center">
                        <img src="images/common/az_code.png" class="img_1">
                        <img src="images/index/az.png" class="img_2">
                    </div>
                </div>
                <div class="col-xs-6">
                    <div class="text-right">
                        <p>就上一队APP！！</p>
                        <div class="ios text-center">
                            <img src="images/common/ios_code.png" class="img_1">
                            <img src="images/index/pg.png" class="img_2">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="text-center text_1">
                            <p>未开始随时退</p>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="text-center text_2">
                            <p>超时自动退</p>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="text-center text_3">
                            <p>不满意包送单</p>
                        </div>
                    </div>
                </div>
                <div class="row f_text">
                    <div class="col-xs-6">
                        <p>梵霓文化有限公司</p>
                        <p>粤ICP备18095218号</p>
                        <p>粤网文〔2018〕8437-3026号</p>
                    </div>
                    <div class="col-xs-6">
                        <div class="call">
                            <p>客服电话：130-000-000-00</p>
                            <p>客服QQ:360000000</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</body>
</html>